



﻿/*======================Reset=======================*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, td, img, textarea, div,a {border:0 none;margin:0;padding:0;outline: 0;font-size: 100%; text-align:left; vertical-align: baseline;background: transparent;}

h1 {	font-size: 25px;}
h2 {	font-size: 23px;}
h3 {	font-size: 21px;}
h4 {	font-size: 19px;}
h5 {	font-size: 17px;}
h6 {	font-size: 15px;}
select{font-size:12px;font-family:simsun;text-align: center;}
ul,ol,li{list-style-type:none}
a {color:#4C4C4C;text-decoration:none; outline:none;/*FF标准去虚线框*/}
a {star:expression(this.onFocus=this.blur()); /* for Ie*去虚线框*/ }
a:hover{color:#FF6600;text-decoration:none;}
:focus {outline: none;}
body {line-height: 1.5em;width: 100%;display: table; font-size:12px; font-family:Arial, 'Liberation Sans', FreeSans, sans-serif, "宋体";}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
table, td, th {vertical-align: middle;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
a img {border: none;outline: none;}
ol {margin-left: 2em;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}

/*======================浮动==================*/
.clear{clear:both;height:0px;overflow:hidden;}
.clearfix:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { zoom:1}
.clearfix { display:block; }
.bugfix{zoom:1}

/*==========限制Detail页内图片大小======避免页面撑暴========*/
/*.content img { max-width:100%;width:expression(width>669?"100%":width+"px");}
--说明 .content img { max-width:100%;width:expression(width>（外层宽度px）?"100%":width+"px");}--*/

a,a img,input,li{transition:All 0.20s ease;}
/*=====================文字样式===========================*/
.size_10{font-size:10px}
.size_11{font-size:11px}
.size_12{font-size:12px}
.size_13{font-size:13px}
.size_14{font-size:14px}
.size_16{font-size:16px}
.size_18{font-size:18px}
.size_20{font-size:20px}

.fc_white { color: #fff; }
.fc_red { color: #D00000; }
.fc_red02 { color: #F73501; }
.fc_black { color: #000; }
.fc_blue { color: #336599; }
.fc_blue02 { color: #0A4E97; }
.fc_gray { color: #333; }
.fc_orange { color: #FF663A; }
.fc_green { color: #007B00; }
.line_h26 { line-height: 26px; }
.line_h20 { line-height: 20px; }

/*=======================翻页样式===========================*/
.pager{text-align:center;padding:50px;}
.pager a{color:#777777;background-color:#FFFFFF;text-decoration:none;border:#c3c3c3 solid 1px;padding:2px 6px;margin-right:5px;}
.pager a:hover{color:#FFFFFF;background-color:#a2a2a2;}
.pager .cpb {color:#FFFFFF;background-color:#a2a2a2;text-decoration:none;border:#c3c3c3 solid 1px;padding:2px 6px;margin-right:5px;}

/*=====================文字阴影=============================*/
.context {position:relative;}
.context .normal{position:absolute;top:0px;left:0px;z-index:2;}
.context .shadow{position:relative;top:1px;left:2px;z-index:1;}
/*    文字阴影应用之HTML部分代码
<div class="context">
	<span class="normal">需要有阴影效果的文字</span>
	<span class="shadow">重复需要有阴影效果的文字即文字的阴影</span>
</div>*/



/*================= 基础布局样式，随需要修改 =================*/
/*首页主框架*/
body{margin:0 auto;}
#wrapper {}

.floatr{ position:fixed; top:38%; right:0; z-index:9999; background:url(../Images/bg/erwm.png) no-repeat;}
.keifu_close{ display:block; width:17px; height:44px; position:absolute; left:0px; top:57px;}
.keifu_con{ display:block; width:132px; height:158px; float:right;}


.floatl{ width:150px; height:150px;position:absolute; top:675px; left:5%; z-index:9999;}
@media(max-width:1280px){.floatl{left: -4% !important;}}
@media(min-width:1281px) and (max-width:1440px){.floatl{left:-3% !important;}}
@media(min-width:1441px) and (max-width:1680px){.floatl{left:0 !important;}}



/*网站公共顶部*/
#top{width:1002px;margin:0 auto; position:relative;}
.bdsharebuttonbox{ width:102px; right:0px;position:absolute; z-index:999; margin-top: 7px;}
.bdsharebuttonbox a{ margin:0px 9px 0px 0px !important;}

/*网站公共导航*/
#nav{width:184px; height:561px; float:left;background:url(../Images/bg/navbg.png) no-repeat; position:absolute; z-index:999;}
#nav dl{ padding-top:149px;}
#nav dl dd{position:relative;z-index:30;}
/*#nav dl dd ul{width:100%;position:absolute;background:url(../images/nav/nav_tit.png);}
#nav dl dd ul li{}
#nav dl dd ul li a{display:block;height:37px;line-height:37px;text-align:center;width:100%;color:#fff;}*/
.nav dd {}
.nav dd a.first{display:block; line-height:47px; display:block; text-align:center; font-size:16px; color:#464646; font-family:"微软雅黑";}
.nav dd a:hover, .nav dd a.hover{text-decoration:none; color:#5e9d9f;}
/*.nav dd.nav0 a{background-position:-0px -0px;width:90px;}
.nav dd.nav0 a:hover,.nav dd.nav0 a.hover{background-position:-0px -37px;}
.nav dd.nav1 a{background-position:-90px -0px;width:110px;}
.nav dd.nav1 a:hover,.nav dd.nav1 a.hover{background-position:-90px -37px;}
.nav dd.nav2 a{background-position:-200px -0px;width:100px;}
.nav dd.nav2 a:hover,.nav dd.nav2 a.hover{background-position:-200px -37px;}
.nav dd.nav3 a{background-position:-300px -0px;width:106px;}
.nav dd.nav3 a:hover,.nav dd.nav3 a.hover{background-position:-300px -37px;}
.nav dd.nav4 a{background-position:-406px -0px;width:140px;}
.nav dd.nav4 a:hover,.nav dd.nav4 a.hover{background-position:-406px -37px;}
.nav dd.nav5 a{background-position:-546px -0px;width:108px;}
.nav dd.nav5 a:hover,.nav dd.nav5 a.hover{background-position:-546px -37px;}
.nav dd.nav6 a{background-position:-654px -0px;width:109px;}
.nav dd.nav6 a:hover,.nav dd.nav6 a.hover{background-position:-654px -37px;}*/

/*网站公共搜索*/
.searchcon{ width:100%;height:68px;border-bottom:solid 1px #e6e6e6; position:relative;margin-top: -20px;}
.pathcon{width:100%;height:37px;border-bottom:solid 4px #e6e6e6; position:relative;}

.search_form{ margin:0 auto; width:1002px; height:68px;border-bottom:solid 1px #e6e6e6;}
.search_form form{ width:187px; height:25px; float:right; margin-top:24px;}
.search_form .txt{ background:url(../images/search/search-txt-bg.jpg) no-repeat; width:148px; float:left; height:25px; padding:0px 0px 0px 9px; border:0; float:left; color:#333; line-height:25px;}
.search_form .btn{ background:url(../images/search/search-btn-bg.jpg) no-repeat;width:30px; height:25px; float:left; border:0px; cursor:pointer;}

/*网站公共左导航*/
#menu {width:1002px; margin:0 auto; height:36px; margin-top:48px; background:url(../Images/bg/menubg.jpg) repeat-x; margin-bottom:50px;}

#menu dl {width:1002px;height:36px;position:relative;}
#menu dl dd{  height:36px; float:left; margin:0; padding:0;}
#menu dl dd a{color: #949494;display: block;padding:8px 18px;font-size:16px;overflow:hidden; float:left; margin:0 18px; border:solid 1px #e9e9e9; background:#fff;}
#menu dl dd a:hover,#menu dl dd a.hover {background:#916a33;color: #FFFFFF;text-decoration: none;font-size:16px; border:none;padding:8px 18px;border:solid 1px #916a33;}

#menu dl dd ul{ position:absolute; right:0px; top:135px;}
#menu dl dd ul li{ float:left; margin-left:11px;}
#menu dl dd ul li a {color: #949494;height: 30px;line-height: 30px;width: 90px; display:block; text-align:center; border:solid 1px #e9e9e9; padding:0; font-size:14px; margin:0;}
#menu dl dd ul li a:hover, #menu dl dd ul li a.hover {color: #fff; border:solid 1px #916a33; background:#916a33; padding:0;font-size:14px;}
#menu .contact{ margin:13px 0 0 0;}

/*网站公共左导航*/
#path{width:1002px; height:37px; margin:0 auto;}
#path .tit{ width:225px; height:37px; float:left;}
#path h2{float:left; font-size:16px; color:#444340; font-weight:normal; padding-left:8px; line-height:37px;}

#path .link{ float:right;line-height:37px;}
#path .link a{padding:0 5px; color:#444340; line-height:37px;}
#path .link a.hover{ color:#9b6213;}

/*网站子页右框架*/
.maincon{ width:100%; position:relative; background:url(../Images/bg/mainbg.jpg) center bottom no-repeat;}
#main #content{width:915px; min-height:400px;height:auto !important;height:400px; margin:0 auto; padding-bottom:50px;}
#content1{width:1002px; min-height:400px;height:auto !important;height:400px;overflow:hidden; margin:0 auto; padding-bottom:50px;}
#content2{width:935px; min-height:400px;height:auto !important;height:400px; margin:0 auto; padding-bottom:50px;}
#content3{width:990px; min-height:400px;height:auto !important;height:400px; margin:0 auto; padding-bottom:50px;}

/*网站公共底部*/
.footbor{ border-bottom:solid 1px #c0c0c0; border-top:solid 1px #c0c0c0; height:2px;}
#foot{height:78px;text-align:center; color:#E5E5E5;}
.footer{ width:1002px; margin: 0 auto; padding-top:20px; position:relative; overflow:hidden;}
.cnzz{margin:0 auto;}

.footinfo{ float:left;color:#202020;}
.footinfo p{ color:#202020;}
.footinfo a{ color:#202020;}
.link_dropdown{ float:right; margin-right:10px; display:inline;}
.link_dropdown select{ width:150px;}


.addcon{ position:relative; overflow:hidden;width:1002px; margin: 0 auto; padding-bottom:30px;}
.addcon h2{ font-size:15px;}
.addconl,.addconr{ width:50% !important; float:left;}







/*================= 基础扩展类，可自定义添加 =================*/
/*首页TAB切换4种效果*/
.tabs{position:relative; width:480px; margin:0 auto;}
.tabs dl dt{height:34px;}
.tabs dl dt a{float:left;display:block;cursor:pointer;width:102px;line-height:28px;height:28px;text-align:center;display:block;text-decoration:none;}
.tabs dl dt a.on{font-weight:bold;width:102px;line-height:28px;height:28px;text-align:center;display:block;text-decoration:none;}
.tabs dl dd .more{background:url(../images/temp/more00.jpg) no-repeat; width:41px; height:15px; position:absolute; text-indent:-1000em;top:4px;right:15px;}

#tabs01 dl dt{height:34px;}
#tabs01 dl dt a{color:#444;width:102px;height:28px;line-height:28px;background:url(../images/temp/hover01.jpg) no-repeat top;}
#tabs01 dl dt a.on{width:102px;color:#0970B3;height:28px;line-height:28px;background:url(../images/temp/hover01.jpg) no-repeat bottom;text-align:center;display:block;text-decoration:none;}
#tabs01 dl dd .more{width:41px; height:15px;background:url(../images/temp/more01.jpg) no-repeat;top:4px;right:15px;}

#tabs02 dl dt{height:37px;padding:4px 0 0 5px;background:url(../images/temp/hover02_bg.jpg) repeat-x;}
#tabs02 dl dt a{color:#4B4B4B;width:96px;height:37px;line-height:30px;background:url(../images/temp/hover02.jpg) no-repeat top;}
#tabs02 dl dt a.on{color:#fff;display:block;font-weight:bold;width:96px;height:37px;line-height:30px;background:url(../images/temp/hover02.jpg) no-repeat bottom;}
#tabs02 dl dd .more{width:29px; height:11px;background:url(../images/temp/more02.jpg) no-repeat;top:15px;right:10px;}

#tabs03 dl dt{height:38px;}
#tabs03 dl dt a{color:#4c4c4c;margin-right:2px;width:86px;height:28px;line-height:28px;background:url(../images/temp/hover03.jpg) no-repeat top;}
#tabs03 dl dt a.on{width:86px;height:28px;line-height:28px;background:url(../images/temp/hover03.jpg) no-repeat bottom;}
#tabs03 dl dd .more{width:50px; height:17px;background:url(../images/temp/more03.jpg) no-repeat;top:4px;right:15px;}

#tabs04 dl dt{height:33px;}
#tabs04 dl dt a{color:#2E425A;width:106px;height:33px;line-height:28px;background:url(../images/temp/hover04.jpg) no-repeat top;}
#tabs04 dl dt a.on{width:106px;height:33px;line-height:28px;background:url(../images/temp/hover04.jpg) no-repeat bottom;}
#tabs04 dl dd .more{width:42px; height:12px;background:url(../images/temp/more04.jpg) no-repeat; top:4px;right:15px;}

#video{ position:fixed; bottom:0px; right:0px; z-index:9999;}
#video:hover #closesp{ display:block !important;}
#closesp{ position:absolute; right:0px; top:0px; width:30px; height:30px; cursor:pointer;}
#closesp img{ width:100%; height:100%;}


/* .bic_gray{
	filter: grayscale(108%);
-webkit-filter: grayscale(100%);
-moz-filter grayscale(100%);
-ms-filter:grayscale(100%):
-o-filter:grayscale(100%);
filter:progid:DXImageTransform,Microsoft,BasicImage(grayscale=1):
-webkit-filter:grayscale(1);
} */








